vue项目通过import引入外部css报错怎么办

来源:网络整理作者:网友投稿发布时间:2020-12-29 17:44

vue项目通过import引入外部css报错的解决办法：首先在【webpack.config.js】中添加相关内容，添加后重新npm run dev；然后...

vue项目通过import引入外部css报错的解决办法：首先在【webpack.config.js】中添加相关内容，添加后重新npm run dev；然后json文件中查看是否存在【css-loader】等数据，并安装即可。

本教程操作环境：windows7系统、Vue2.9.6版，该方法适用于所有品牌电脑。

vue项目通过import引入外部css报错的解决办法：

vue 通过webpack-simple生成项目，引入外部csss时报错解决：

1、在webpack.config.js中添加以下内容，添加后重新npm run dev

{ test:/\.css$/, loader:'style-loader!css-loader' }, { test: /.woff|.woff2|.svg|.eot|.ttf/, use: 'url-loader?prefix=font/&limit=10000' }

2、json文件中查看是否存在css-loader,style-loader,url-loader,若没有通过npm install（-D）进行安装即可。

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/javascript/10754.shtml